<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>图片上传</title>
		<link rel="stylesheet" href="imageupload.css" />
		</head>

	<body>
		图片上传初始状态
		<div class="upload-img-item" style="background-image: url(test-img1.png);">
			<div class="close">×</div>
			<input name="name" value="" />
			<div class="progress" style="width: 0%;"></div>
		</div>
		
		<hr style="clear: both;" />
		上传了50%的状态
		<div class="upload-img-item" style="background-image: url(test-img1.png);">
			<div class="close">×</div>
			<input name="name" value="" />
			<div class="progress" style="width: 50%;"></div>
		</div>
		
		<hr style="clear: both;" />
		
		上传了成功的效果
		<div class="upload-img-item upload-img-success" style="background-image: url(test-img1.png);">
			<div class="close">×</div>
			<input name="name" value="id" />
		</div>
		
		<hr style="clear: both;" />
		
		上传了失败的效果
		<div class="upload-img-item upload-img-error" style="background-image: url(test-img1.png);">
			<div class="close">×</div>
			未知原因
		</div>
		
	</body>

</html>